input,
textarea,
select,
label {
  display: block;
}

input[type="text"],
input[type="number"],
input[type="email"],
select,
textarea {
  border: 2px solid #bdc3c7;
  color: #34495e;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.467;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0; 
  float: left;
}

input,
select {
  height: 32px;
}

/* ----- INPUTS ----- */
input[type="text"],
input[type="number"],
input[type="email"] {
  padding: 8px 9px;
  -webkit-appearance: none;
}

input[type="number"] {
  padding: 0 9px;
}


/* ----- TEXTAREA ----- */
textarea {
  resize: none;
}

/* ----- LABEL ----- */
label {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  color: #505050;
  font-size: 14px;
  font-weight: bold;
}

/* ----- COMBO BOX ----- */

/* ----- BUTTONS ----- */
/* pegar botões
 - trailer
 - sinopse
 - confirmar
 - limpar
*/

.btn-submit,
.btn-clear {
   width: 100px;
   padding: 8px 10px;
   color: #fff;
   line-height: 0;
   border-radius: 5px;
   transition: all ease-in-out .3s;
}

.btn-submit {
  background: #5bd373;
  border: 1px solid #52c96a;
}

.btn-clear {
  background: #f8d445;
  border: 1px solid #eecc43;
}

.btn-submit:hover,
.btn-clear:hover {
  background: rgba(0,0,0,0);
  cursor: pointer;
}

.btn-submit:hover {
  border: 2px solid #52c96a;
  color: #5bd373;
}

.btn-clear:hover {
  color: #f8d445;
  border: 2px solid #eecc43;
}

